<template>
  <div class="mt-24 text-center text-gray-500">
    <h1 class="text-3xl font-semibold" v-if="error.statusCode === 404">
      <span class="mr-8">404</span> Page not found
    </h1>
    <h1 v-else>An error occurred - {{ error.statusCode }}</h1>
    <NuxtLink to="/" class="inline-block mt-24">Home page</NuxtLink>
  </div>
</template>

<script>
export default {
  props: ["error"],
  layout: "plain", // you can set a custom layout for the error page
};
</script>

